<template>
    <div class="details_lookIfo-box">
        <div class="details-box">
            <el-row :gutter="20">
                <el-col :span="4" style="font-size: 24px;font-weight: 900;font-family: 楷体;">售后入库订单详情：</el-col>
            </el-row>
            <el-row :gutter="20" style="margin-top: 20px">
                <el-col :span="4" style="font-size: 18px;font-weight: 900;font-family: 楷体;">售后入库订单编号：{{id}}</el-col>
                <el-col :span="5" style="font-size: 18px;font-weight: 900;font-family: 楷体;">售后入库订单类型：{{formData.inType}}</el-col>
                <el-col :span="4" style="font-size: 18px;font-weight: 900;font-family: 楷体;">对应出库订单编号：{{formData.outId}}</el-col>
            </el-row>
            <el-row :gutter="20" style="margin-top: 10px">
                <el-col :span="4" style="font-size: 18px;font-weight: 900;font-family: 楷体;">制单人：{{formData.depotAdmin}}</el-col>
                <el-col :span="5" style="font-size: 18px;font-weight: 900;font-family: 楷体;">售后入库订单日期：{{formData.inTime}}</el-col>
                <el-col :span="4" style="font-size: 18px;font-weight: 900;font-family: 楷体;">售后入库订单状态：{{formData.inStatus}}</el-col>
            </el-row>
            <el-row :gutter="20" style="margin-top: 10px;border-bottom: 1px dashed darkgray">
            </el-row>
        </div>
        <!--表格数据-->
        <div class="data-box">
            <el-table
                    :data="tableData"
                    style="width: 100%"
                    @selection-change="selectChange">
                <el-table-column
                        align="center"
                        type="selection"
                        width="55">
                </el-table-column>
                <el-table-column
                        type="index"
                        width="55"
                        label="序号">
                </el-table-column>

                <el-table-column
                        align="center"
                        prop="goodsId"
                        label="售后商品编号"
                        width="220">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="goodsName"
                        label="商品名称"
                        width="180"
                >
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="typeId"
                        label="商品型号"
                        width="220">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="snCode"
                        label="返厂前串号"
                        width="180">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="outSn"
                        label="返厂后串号"
                        width="260">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="snIschange"
                        label="串号是否变更"
                        width="260">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="outType"
                        label="维修类型"
                        width="268">
                </el-table-column>
            </el-table>
        </div>
        <!--    分页-->
        <div class="page-box">
            <el-pagination
                    background
                    layout="prev, pager, next"
                    align="right"
                    :total="total"
                    :page-size="searchParams.pageSize"
                    :current-page="searchParams.currentPage"
                    @current-change="currentPageChange"
            >
            </el-pagination>
        </div>
        <!--返回-->
        <div class="back-box">
            <router-link :to="{path:`/aftersale-enter-depot`}">
                <el-button  type="primary" size="mini"
                            icon="el-icon-check">返回</el-button>
            </router-link>
        </div>
    </div>

</template>

<script>
    import brand from "./index";

    export default brand;
</script>

<style  src="./index.scss" lang="scss">
</style>